﻿@charset "utf-8";
/*--------------------------------------------------------------------
基本設定
--------------------------------------------------------------------*/
html,body {
	width: 100%;
	height: 100%;
}
html {
	height: 100%;
	overflow-y: scroll;
}
/*--Reset-----------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
img {
	border: none;
	vertical-align: middle;
}
ul,ol {
	list-style: none;
}
/*--Text------------------------------------------------------------*/
body {
	font-size: 88%;
	font-weight: normal;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background:url(../img/body_back.jpg) repeat-x;
}
* html body {/*IE6*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
*:first-child + html body {/*IE7*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h1 {
	font-size: 120%;
}
h2,h3,h4,h5,h6 {
	font-size: 100%;
}
/*--Link------------------------------------------------------------*/
a,
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover,
a:active {
	color: #777777;
}
a:focus {
	outline: none;
}
/*--HTML5-----------------------------------------------------------*/

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}
/*--------------------------------------------------------------------
/////▼sample/////
--------------------------------------------------------------------*/
/*h1 {
	padding: 10px;
}*/
h2 {
	padding: 10px;
}
#column1 p {
	padding: 10px;
}
#column2 p {
	padding: 10px;
}
#wrap-btm p {
	padding: 10px;
}
/*--------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------*/
#wrapper {
	width: 100%;
}
/*--Wrap-top--------------------------------------------------------*/
#wrap-top {
	width: 100%;
	text-align: center;
}
#wrap-top header {
	margin:0 auto;
	text-align: left;
	background:#fff;
	position:relative;
}

#wrap-top header h1.logo{
	width:320px;
	float:left;
	margin:0 0 0 10px;
	padding:0px;
	background:#fff;
}
#wrap-top header p.tel{
	width:260px;
	float:right;
	margin:0px;
	padding-top:5px;
	background:#fff;
}

#wrap-top header table{
	width:100%;
    margin:0px;
    padding:0px;
	background:#ffcc33;
}

#wrap-top header h1.emboss{
	clear:both;
	font-size:30px;
    text-shadow:1px 1px 1px #eeeeee ,-1px -1px 1px #000000;
    color:#444;
    margin:0px;
    padding-left:10px;
    padding-top:20px;
	background:#ffcc33;
	height:80px;
}
#wrap-top header ul.headerNav{
	position:absolute;
	top:120px;
	right:10px;
	width:280px;
}
#wrap-top header ul.headerNav li{
	display:inline;
	margin-left:15px;
}
#wrap-top #content {
	margin: 0 auto;
	background:#fff;
	text-align:left;
}
/*--1カラム用---------------------------------------------------------
Left
--------------------------------------------------------------------*/
#column1 {
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 0 0 0 -750px;
	background: #fff;
}
#column1-inner {
	position: relative;
	text-align: left;
	margin: 0 0 0 750px;
}
/*--2カラム用---------------------------------------------------------
Right
--------------------------------------------------------------------*/
#column2 {
	float: right;
	width: 740px;
	text-align: left;
	background: #fff;
	margin-left:10px;
	display: none;
}

/*--1カラム用---------------------------------------------------------
Left　（ログイン画面）
--------------------------------------------------------------------*/
#column1-login {
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 0 0 0 -420px;
	background: #fff;
}
#column1-login-inner {
	position: relative;
	text-align: left;
	margin: 0 0 0 450px;
}
/*--2カラム用---------------------------------------------------------
Right　（ログイン画面）
--------------------------------------------------------------------*/
#column2-login {
	float: right;
	width: 420px;
	text-align: left;
	background-color: #fff;
}
/*--1カラム用---------------------------------------------------------
Left　（会員登録画面）
--------------------------------------------------------------------*/
#column1-adduser {
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 0 0 0 -250px;
	background: #fff;
}
#column1-adduser-inner {
	position: relative;
	text-align: left;
	margin: 0 0 0 250px;
}
/*--2カラム用---------------------------------------------------------
Right　（会員登録画面）
--------------------------------------------------------------------*/
#column2-adduser {
	float: right;
	width: 250px;
	text-align: left;
	background-color: #fff;
}


/*--Wrap-btm--------------------------------------------------------*/
#wrap-btm {
	clear: both;
	width: 100%;
	text-align: center;
}
#wrap-btm footer {
	background-color: #ffcc33;
	text-align: left;
	margin: 0 auto;
}
#wrap-btm footer #address{
	margin-top:10px;
	margin-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:95%;
}
/*--------------------------------------------------------------------
センター固定 or リキッドレイアウトの変更
（リキッドレイアウトにする場合はwidthを100%に変更）
--------------------------------------------------------------------*/
header,
#content,
footer {
	width: 960px;
}
/*--------------------------------------------------------------------
Footer固定（Footerを画面下部に固定しない場合はこの欄を削除）
--------------------------------------------------------------------*/

#wrapper {
	position: relative;
	min-height: 100%;
}
* html #wrapper {
	height: 100%;
}
#wrap-top {
	height: 100%;  
	padding-bottom: 100px;
}
#content {
	overflow: hidden;
}
#wrap-btm {
	position: absolute;
	bottom: 0;
}


/*--------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
コンテンツ見出し
--------------------------------------------------------------------*/
#content h2 {
	border-left:solid  #ffcc33 12px;
	background:white;
	margin-top:10px;
	margin-left:10px;
}
#content .line{
	height:5px;
	border-bottom:solid #ccc 1px;
}
/*--------------------------------------------------------------------
右レイアウト
--------------------------------------------------------------------*/
#column2-login ul{
	margin-top:40px;
}
/*--------------------------------------------------------------------
左レイアウト　ログインフォーム
--------------------------------------------------------------------*/
.login{
	margin-top:10px;
	height:330px;
	width:480px;
	border:solid #ccc 1px;
}

.login form{
	margin:0px;
}
.login table {
	width:90%;
	border:solid 1px #ccc;
	margin:10px 0 0 20px;
}
.login table tr{
	height:20px;
}
.login table td{
	padding:3px;
}
.login table th {
	color:#999;
	width:30%;
	padding-left:10px;
}
.login input[type=text],
.login input[type=password]{
	width:280px;
	height:25px;
	border : solid 1px #ccc;
}
.login #messageArea{
	margin-left:10px;
}
.login p{
	margin:10px 0 0 20px;
}
.login .btnArea{
	text-align:center;
}
/*--------------------------------------------------------------------
ボタン
--------------------------------------------------------------------*/
.btn, .button{
	width:120px;
	height:40px;	
}

/*--------------------------------------------------------------------
メニュー
--------------------------------------------------------------------*/
#menu {
	background:#EEE8AA;
}
#menu div{
	background: -moz-linear-gradient(top, #FFFF99, #ffcc33);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFF99), to(#ffcc33));　/* Safari,Google Chrome用 */  
	width 200px;
	height:30px;
	text-align:center;
	padding-top:15px;
	border:solid #ccc 1px;
}
#menu ul li{
	width 200px;
	height:30px;
	display:inline;
}
#menu ul li a{	
	width 200px;
	height:30px;
	display: block;
	padding:15px 0 0 10px;
	background:white;
	border:solid 1px #ccc;
	font-size:90%;
}

#menu ul li a:hover{
	background:#FFFACD;
}

#menu .sample{
	height:80px;
}

.condition{
	border:1px #ccc solid;
	border-collapse:collapse;
	margin:10px 0 30px 40px;
	width:600px;
	font-size:90%;
}
.condition th, .condition td{
	border:1px #ccc solid;
	padding:10px;
}
.condition .aligncenter{
	text-align:center;
}
.condition th.lend{
	width: 150px;
}
.condition td.lendtd input,
.condition td.lendtd select{
	width: 200px;
}
.condition td.lendtdwide input{
	width: 400px;
}

.condition2{
	border-collapse:collapse;
	margin:10px 0 30px 40px;
	width:600px;
	font-size:90%;
}

.adduser table {
	border:1px #ccc solid;
	border-collapse:collapse;
	margin:10px 0 30px 40px;
	width:630px;
}
.adduser th, .adduser td{
	border:1px #ccc solid;
	padding:10px;
}
.adduser .aligncenter{
	text-align:center;
}

.adduser input[type=text],
.adduser input[type=password],
.adduser input[type=email]
{
	width:300px;
	height:25px;
	border : solid 1px #ccc;
}
.adduser select{
	width:100px;
	height:25px;
	border : solid 1px #ccc;
}
#column2-adduser ul, 
#column2-adduser ul li{
	margin:10px 0 0 0
}{
	margin:10px 0 0 0
}

#searchResult table{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:5px 5px 0 10px;
/*	width:600px;  */
	width:97%;
	font-size:95%;
}

#searchResult table th, #searchResult table td{
	border:1px solid #ccc;
	padding:3px;
}
#searchResult table th{
	text-align:center;
	background:#6495ED;
	color:#fff;
}
.borrowr table{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:5px 0 0 10px;
	width:630px;
}

p.stitle{
	width:100%;
	height:25px;
	/*background: -moz-linear-gradient(top, #FFFF99, #ffcc33);*/　/* Firefox用 */  
    /*background: -webkit-gradient(linear, left top, left bottom, from(#FFFF99), to(#ffcc33));*/　/* Safari,Google Chrome用 */  
}
#searchListPager{
	margin-left:12px;
}
#searchListPager a{
	text-decoration:underline;
}

.noticelist {
}
.noticelist li {
	margin: 0px 10px 0px 10px;
}
.noticelist li ul {
	margin: 0px 10px 0px 10px;
}
.noticelist li ul li {
	margin: 0px 0px 0px 5px;
}
.noticelist li ul li span {
	margin: 0px 0px 0px 0px;
	display: block;
}
.noticelist li ul li span img {
	margin: 0px 5px 0px 5px;
}

.NoDisp {
	display: none;
}
header{
	position:relative;
}
.userName {
	width:80px;
	height:27px;
	background: #777777;
	text-align:center;
	padding:0 0 0 0;
	position:absolute;
	top:70px;
	right:0px;
	border:double 1px #ccc;
	      
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
        
    background: -moz-linear-gradient(
	        top,
	        rgba(255,255,255,0) 0%,
	        rgba(0,0,0,0.25)), #fff;
	background: -webkit-gradient(
	        linear, left top, left bottom,
	        from(rgba(255,255,255,0)),
	        to(rgba(0,0,0,0.25))), #fff;
	border: 1px solid #ccc;
}
.userNameArea {
	text-align:right;
	padding-right:40px;
	padding-bottom:10px;
}
.logoutArea {
	width:90px;
	padding-bottom:10px;
}
.logout {
	width:80px;
	height:27px;
	background: #777777;
	text-align:center;
	border:double 1px #ccc;
	      
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
        
    background: -moz-linear-gradient(
	        top,
	        rgba(255,255,255,0) 0%,
	        rgba(0,0,0,0.25)), #fff;
	background: -webkit-gradient(
	        linear, left top, left bottom,
	        from(rgba(255,255,255,0)),
	        to(rgba(0,0,0,0.25))), #fff;
	border: 1px solid #ccc;
}
.logout a {	
	width:80px;
	height:27px;
	display:block;
	font-size:12px;
	lign-height:27px;
	padding-top:5px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.logout a:hover {
	width:80px;
	height:27px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
    opacity:0.7
 
}
/* 借りたいもの予約ボタン*/
.reserveBtn{
	width:100%;
}
/*　検索結果　No.*/
td.no{
	text-align:center;
}
td.center{
	text-align:center;
}
td.right{
	text-align:right;
}
td.left{
	text-align:left;
}
